<template>
  <div>
    <img
      v-show="props.type == 'file'"
      src="@/assets/iconfile/file.png"
      alt=""
    />
    <img v-show="props.type == '7z'" src="@/assets/iconfile/7z.png" alt="" />
    <img v-show="props.type == 'ai'" src="@/assets/iconfile/ai.png" alt="" />
    <img v-show="props.type == 'avi'" src="@/assets/iconfile/avi.png" alt="" />
    <img v-show="props.type == 'bmp'" src="@/assets/iconfile/bmp.png" alt="" />
    <img v-show="props.type == 'csv'" src="@/assets/iconfile/csv.png" alt="" />
    <img v-show="props.type == 'doc'" src="@/assets/iconfile/doc.png" alt="" />
    <img
      v-show="props.type == 'docx'"
      src="@/assets/iconfile/docx.png"
      alt=""
    />
    <img v-show="props.type == 'eps'" src="@/assets/iconfile/eps.png" alt="" />
    <img v-show="props.type == 'exe'" src="@/assets/iconfile/exe.png" alt="" />
    <img v-show="props.type == 'flv'" src="@/assets/iconfile/flv.png" alt="" />
    <img v-show="props.type == 'gif'" src="@/assets/iconfile/gif.png" alt="" />
    <img
      v-show="props.type == 'html'"
      src="@/assets/iconfile/html.png"
      alt=""
    />
    <img
      v-show="props.type == 'jpeg'"
      src="@/assets/iconfile/jpeg.png"
      alt=""
    />
    <img v-show="props.type == 'jpg'" src="@/assets/iconfile/jpg.png" alt="" />
    <img v-show="props.type == 'key'" src="@/assets/iconfile/key.png" alt="" />
    <img v-show="props.type == 'mov'" src="@/assets/iconfile/mov.png" alt="" />
    <img v-show="props.type == 'mp3'" src="@/assets/iconfile/mp3.png" alt="" />
    <img v-show="props.type == 'mp4'" src="@/assets/iconfile/mp4.png" alt="" />
    <img v-show="props.type == 'pdf'" src="@/assets/iconfile/pdf.png" alt="" />
    <img v-show="props.type == 'png'" src="@/assets/iconfile/png.png" alt="" />
    <img v-show="props.type == 'ppt'" src="@/assets/iconfile/ppt.png" alt="" />
    <img v-show="props.type == 'psb'" src="@/assets/iconfile/psb.png" alt="" />
    <img v-show="props.type == 'psd'" src="@/assets/iconfile/psd.png" alt="" />
    <img v-show="props.type == 'rar'" src="@/assets/iconfile/rar.png" alt="" />
    <img v-show="props.type == 'rm'" src="@/assets/iconfile/rm.png" alt="" />
    <img v-show="props.type == 'rp'" src="@/assets/iconfile/rp.png" alt="" />
    <img v-show="props.type == 'svg'" src="@/assets/iconfile/svg.png" alt="" />
    <img v-show="props.type == 'swf'" src="@/assets/iconfile/swf.png" alt="" />
    <img v-show="props.type == 'tar'" src="@/assets/iconfile/tar.png" alt="" />
    <img v-show="props.type == 'tif'" src="@/assets/iconfile/tif.png" alt="" />
    <img v-show="props.type == 'wps'" src="@/assets/iconfile/wps.png" alt="" />
    <img v-show="props.type == 'xls'" src="@/assets/iconfile/xls.png" alt="" />
    <img
      v-show="props.type == 'xlsx'"
      src="@/assets/iconfile/xlsx.png"
      alt=""
    />
    <img v-show="props.type == 'xsl'" src="@/assets/iconfile/xsl.png" alt="" />
    <img v-show="props.type == 'zip'" src="@/assets/iconfile/zip.png" alt="" />
    <img v-show="props.type == 'dir'" src="@/assets/iconfile/dir.png" alt="" />
  </div>
</template>

<script setup>
import { ref, defineComponent } from "vue";

const props = defineProps({
  type: String
});
</script>

<style lang="scss" scoped></style>
